While Do... while For For ... in ... For ... of ...While executa suas instruções, desde que uma condição especificada seja avaliada como verdadeira. while (condição) {
... declarações;
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS_WHILE</title>
</head>
<body>
<script>
n = 0;
x = 0;
while (n < 3) {
n++;
x += n;
}
console.log(n);
console.log(x);
</script>
</body>
</html>
 |
| Fonte: Autoria própria |
Do ... While é repetido até que a condição especificada seja falsa. do {
... declarações;
} while (condição);
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS_DO-WHILE</title>
</head>
<body>
<script>
i = 0;
do {
i += 1; // ou i++
console.log(i);
} while (i < 5);
</script>
</body>
</html>
 |
| Fonte: Autoria própria |
for é repetido até que a condição especificada seja falsa. for no JavaScript é similar ao Java e C. for (declaração; condição; passos) {
... declarações
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS_FOR</title>
</head>
<body>
<form name="selectForm">
<p>
<label for="tipoMusica">Escolha alguns tipos de música, em seguida, clique no botão abaixo:</label>
<select id="tipoMusica" name="tipoMusica" multiple="multiple">
<option selected="selected">R&B</option>
<option>Jazz</option>
<option>Blues</option>
<option>New Age</option>
<option>Classico</option>
<option>Ópera</option>
</select>
</p>
<p><input id="btn" type="button" value="Quantos foram selecionados?" /></p>
</form>
<script>
function howMany(selectObject) {
var numeroSelecionadas = 0;
for (var i = 0; i < selectObject.options.length; i++) {
if (selectObject.options[i].selected) {
numeroSelecionadas++;
}
}
return numeroSelecionadas;
}
var btn = document.getElementById("btn");
btn.addEventListener("click", function(){
alert('Total de opções selecionadas: ' + howMany(document.selectForm.tipoMusica))
});
</script>
</body>
</html>
 |
 |
|
| Fonte: Autoria própria | Fonte: Autoria própria |
for (variavel in objeto) {
... declarações
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS_FOR-IN</title>
</head>
<body>
<script>
/*Então executará uma iteração para cada elemento e retornará uma lista de string, que irá conter o nome da propriedade e seu valor. */
function iteracao(obj, obj_name) {
var result = "";
for (var i in obj) {
result += obj_name + "[" + i + "] = " + obj[i] + "\n";
}
result += "****";
return result;
}
console.log(iteracao([1, 2, 3, 4], 'item'));
</script>
</body>
</html>
 |
| Fonte: Autoria própria |
for (variavel of objeto) {
... declarações
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS_FOR-OF</title>
</head>
<body>
<script>
/* O exemplo a seguir mostra a diferença entre o for...of e o for...in.
Enquanto o for...in interage com o nome das propriedades, o for...of interage com o valor das propriedades. */
let arr = [3, 5, 7];
arr.foo = "hello";
for (let i in arr) {
console.log(i); // logs "0", "1", "2", "foo"
}
for (let i of arr) {
console.log(i); // logs "3", "5", "7"
}
</script>
</body>
</html>
 |
| Fonte: Autoria própria |
forEach() chama uma função para cada elemento em um vetor.forEach() não é executado para elementos vazios.<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The forEach() Method</h2>
<p>forEach() calls a function for each element in an array:</p>
<p id="demo"></p>
<script>
let text = "";
const fruits = ["apple", "orange", "cherry"];
fruits.forEach(myFunction);
document.getElementById("demo").innerHTML = text;
function myFunction(item, index) {
text += index + ": " + item + "<br>";
}
</script>
</body>
</html>
 |
| Fonte: Disponível em: https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_foreach |
| Acesso em: 09 mar. 2023 |
x = prompt("Indique o caracter: ");
y = prompt("Indique a quantidade de linhas: ");
exibirCaracter(x, y);
function exibirCaracter(texto, linhas) {
for(let l=1; l <= linhas; l++) {
let desenho = '';
for(let m=0; m < l; m++) {
desenho += texto;
}
console.log(desenho);
}
}
 |
| Fonte: Autoria própria |
let inicio = [ 'a', 'b', 'c', 'd'];
// Utilizando for .. of
for (letras of inicio) {
console.log(letras);
}
 |
| Fonte: Autoria própria |
let inicio = [ 'a', 'b', 'c', 'd'];
// Utilizando for .. in
for (letras1 in inicio) {
console.log(letras1);
}
 |
| Fonte: Autoria própria |
let inicio = [ 'a', 'b', 'c', 'd'];
// Utilizando forEach
inicio.forEach(element => {
console.log(element);
});
 |
| Fonte: Autoria própria |
const valores = [1, 3, 5, 7, 9];
const uniao = valores.join('.');
console.log(uniao);
 |
| Fonte: Autoria própria |
const url = "https://pt.stackoverflow.com/questions/242578/erro-no-javascript";
const parametros = url.split("/");
console.log(parametros);
 |
| Fonte: Autoria própria |
const diversos = "O uso de Javascript no dia a dia";
const separar = diversos.split(" ");
console.log(separar);
const urlFinal = separar.join('-');
console.log(urlFinal);
 |
| Fonte: Autoria própria |
break¶let sum = 0;
while (true) {
let value = +prompt("Enter a number", '');
if (!value) break; // (*) será acionado caso o usuário cancele a entrada ou não informe nada.
sum += value;
}
alert( 'Sum: ' + sum );
continue¶for (let i = 0; i < 10; i++) {
// if true, skip the remaining part of the body
if (i % 2 == 0) continue;
alert(i); // 1, then 3, 5, 7, 9
}
ADS - HTML5, CSS3, JS.
Modelo e formato elaborado pela profa. Ana Paula Müller Giancoli - BSD 2-Clause License. - Julho.2022.